/*****************************************************
*
*     Imports
*
******************************************************/


// Activate imports for compiling !!!

//
// UIKit Core
//
@import "../src/less/uikit.less";


//
// Stageone Customizings
//
@import "../../lib/css/so-uikit-config.less";
@import "../../lib/css/so-less-lib.less";
@import "../../lib/css/so-css-plugins.less";
@import "../../lib/css/so-template-base-styles.less";



/*****************************************************
*
*     Stageone Template
*
******************************************************/

.uk-h1, h1 {
  .fontBold();
  color:@color-a;
}

a, .uk-link {
  .transition();
}

.small-line-height {
  line-height:1.2;
}

.news-type-2 {
  .uk-card-media-left {
     display: none !important;
  }

  .card-text-container {
    width:100% !important;
  }
}

#help-widget {
  width:100%;
  height:500px;
}

//
// phone portrait
//

.icon-square {
  width:35px;
  height:35px;
  margin-left:5px;
  margin-right:5px;
  background:@color-a;
  color:@global-inverse-color;
  border-radius: @global-border-radius;

  &:hover {
    background:@global-link-hover-color;
    color:@global-inverse-color;
  }

  &#share-facebook:hover {
    background:#3c5a9c;
    color:@global-inverse-color;
  }

  &#share-twitter:hover {
    background:#59ccfd;
    color:@global-inverse-color;
  }

  &#share-instagram:hover {
    background:#e83083;
    color:@global-inverse-color;
  }
  &#share-xing:hover {
    background:#0b6163;
    color:@global-inverse-color;
  }
  &#share-linked-in:hover {
    background:#1178b3;
    color:@global-inverse-color;
  }

}

.uk-card-default {
  border:@global-border-width solid @global-border;
}

.rotate-90 {
  .rotate(-90deg);
}

.lang-navbar-container {
  padding:0 65px 0 0;
}

.lang-button {
  background:transparent;
  color:@color-base-e;
  border:1px solid @color-base-e;
  border-radius:0;
  &.uk-open {
    background:@color-base-e;
    color:@color-a;
  }

}

#lang-dropdown {
  background:@color-base-e;
  min-width:auto;
  padding:10px;
  > a {
    display:block;
    color:@color-a;
    padding:4px 25px;
    text-decoration: none;
  }
}

#short-message {
  .transition();
  position:absolute;
  left:-300px;
  top: 20vh;
  width:300px;
  .msg-content {
    display:inline-block;
  }

  .msg-button {
    transform-origin: top right;
    display:inline-block;
    position:absolute;
    right:1px;
    top:-5px;
    padding:0 5px 5px 5px;
    overflow:hidden;
    cursor:pointer;
  }

  &.is-open {
    left:0;
  }
}


.color-a {
  color:@color-a;
}

.offset-bottom {
  .transform(translate(0, 40px));
}

#footer.uk-light {
  color:@color-base-e;
  a {
    .transition();
    color:@color-base-e;
    opacity: 0.75;
    &:hover {
      opacity: 1;
    }
  }
}

#brand-logo {
  .transition();
  padding:12px 0;
  width:95px;
}

.header-fixed-active {

  #header {
    //background:@color-a;
    color:@global-inverse-color;
    //border-bottom:@global-border-width solid @global-border;
    .boxShadow();
  }
}

.has-header-background {
  //padding-top:@navbar-nav-item-height;

  #header {
    //background-color:@color-a;
  }
}

.eyecatcher-placeholder {
  height:60px;
}

.uk-navbar-toggle {
  padding:0 38px 0 0;
}

.aligned-icon {
  vertical-align: 1px;
}

#metafooter {
  .uk-h3 {
    .fontMedium();
  }
  .uk-icon {
    vertical-align: 3px;
  }
  .uk-heading-divider {
    border-width: @global-border-width;
    border-bottom-color:@color-white !important;
  }
  .uk-list-divider > :nth-child(n+2) {
    border-top-color:rgba(255,255,255,0.25) !important;
  }
}


#contactFrame {
  .contact.row:first-child {
    margin-top:10px !important;
  }
}

.uk-input, .uk-textarea, .uk-select {
  border:@global-border-width solid @global-border;
}

.uk-input, .uk-textarea, .uk-select {
  .transition();
  border:@global-border-width solid @global-border;
}

.has-focus {
  .uk-input, .uk-textarea, .uk-select {
    border:@global-border-width solid darken(@global-border,15%);
  }
}

.error-container {
  color:@color-warning;
}

.ipt-valid {
  color:@color-success;
}

.ipt-error {
  color:@color-warning;
}

.uk-navbar-dropdown {
  .transition();
}

.header-fixed-active {
  .uk-navbar-dropdown {
    top:65px !important;
  }
}

.uk-light {
  .uk-navbar-nav > li.level-1 {
    > a {
      margin:0 10px;
      .fontMedium();
      border-bottom:3px solid transparent;
    }

    &:hover, &.starter_active {
      > a {
        border-bottom:3px solid @color-white;
      }
    }

  }
}

.mobile-subnav-icon {
  margin-right:5px;
  vertical-align: 2px;
  display: inline-block;
}



#mobile-navigation {

  .level-1.starter_active {
    a.starter_active {
      .fontBold() !important;
    }
  }

  .level-2 {
    > a {
      margin-left:20px;
      span {
        margin-left:-21px;
      }
    }
  }

  .level-2.active {
    .mobile-subnav-icon {
      display: inline-block;
    }
    > a {
      .fontBold();
      color:@color-white !important;
    }
  }

  .level-3 {
    a {
      margin-left:25px;
      span {
        margin-left:-21px;
      }
    }
  }

  .level-3.active {
    > a {
      .fontBold();
    }
  }

}

.uk-button {
  .transition();
}

.uk-button-text {
  font-size:1em;
  .fontMedium();
}

.uk-button-default, .uk-button-primary, .uk-button-secondary {
  padding-top:8px;
  padding-bottom:8px;
  text-transform: uppercase;
  .fontMedium();
}

.icon-button {
  position:relative;
  margin-left:30px;
  color:@color-c;
  > svg {
    position:absolute;
    top:2px;
    left:-24px;
    padding-right: 5px;
  }
  &:hover {
    .cls-1 {
      fill:@color-a !important;
    }
  }
}


//
// tablet portrait
//
@media (min-width: @breakpoint-small) {

  #short-message {
    position:fixed;
  }

}


//
// tablet landscape
//
@media (min-width: @breakpoint-medium) {

  .lang-navbar-container {
    padding:0 5px 0 25px;
  }

  #header,
  .uk-navbar-container,
  .uk-navbar-nav > li > a,
  .uk-navbar-item,
  .uk-navbar-toggle {
    height: @navbar-nav-item-height + 50;
  }

  .has-header-background {
      //padding-top:@navbar-nav-item-height + 45;
  }

  #brand-logo {
    width:180px;
  }

  #header {
    .transition();
    //border-bottom:1px solid @global-border;
  }

  #header,
  .uk-navbar-container,
  .uk-navbar-nav > li > a,
  .uk-navbar-item,
  .uk-navbar-toggle {
    .transition();
  }

  .header-fixed-active {

    #header,
    .uk-navbar-container,
    .uk-navbar-nav > li > a,
    .uk-navbar-item,
    .uk-navbar-toggle {
      height: @navbar-nav-item-height * 1 !important;
    }

    #brand-logo {
      width:100px;
    }

  }

  .eyecatcher-placeholder {
    height:115px;
  }


}

//
// desktop
//
@media (min-width: @breakpoint-large) {

  .uk-light .uk-button-text {
    padding:15px 30px;
  }

  .uk-light {
    .uk-navbar-nav > li.level-1 {
      > a {
        margin:0 25px;
      }
    }
  }

}

//
// large screens
//
@media (min-width: @breakpoint-xlarge) {


}


//
// crossbrowser fallback
//

.is-explorer {


}